<template>
    <view class="rider_connect_content">
        <div class="rider_connect_bottom">
            <div class="connect_content">
                <div class="_list">
                    <div class="_item">
                        <div class="title">
                            商家
                        </div>
                        <div class="connect_btn" @click="callPhone(serverData.store_info.store_phone)">
                            <div class="_btn_box orange_btn">
                                <uni-icons type="phone-filled" size="20" color="#fff" class="connect_phone"></uni-icons>
                                <div>拨打电话</div>
                            </div>
                        </div>
                    </div>
                    <div class="_item">
                        <div class="title">
                            顾客
                        </div>
                        <div class="connect_btn" @click="callPhone(serverData.user_address_json.moblie)">
                            <div class="_btn_box green_btn">
                                <uni-icons type="phone-filled" size="20" color="#fff" class="connect_phone"></uni-icons>
                                <div>拨打电话</div>
                            </div>
                        </div>
                    </div>
                    <div 
                        class="_item" 
                        v-if="DB_SYSTEM.platform_contact_number"
                    >
                        <div class="title">
                            <div>平台</div>
                            <div class="flex flexAlignItems _tips_text">
                                <uni-icons type="info" size="20" color="#ac974a" class="tipsIcon"></uni-icons>
                                发生异常，上报平台
                            </div>
                        </div>
                        <div 
                            class="connect_btn"
                            @click="callPhone(DB_SYSTEM.platform_contact_number.field_value)"
                        >
                            <div class="_btn_box red_btn">
                                <uni-icons type="phone-filled" size="20" color="#fff" class="connect_phone"></uni-icons>
                                <div>拨打电话</div>
                            </div>
                        </div>
                    </div>
                    <div class="_item">
                        <div class="title">
                            <div>客服</div>
                            <div class="flex flexAlignItems _tips_text">
                                <uni-icons type="info" size="20" color="#ac974a" class="tipsIcon"></uni-icons>
                                发生异常，联系客服处理
                            </div>
                        </div>
                        <div class="connect_btn">
                                <button 
                                    open-type="contact" 
                                    session-from="骑手端"
                                    class="open_contact_btn"
                                >
                                    <div class="_btn_box gray_btn">
                                        <uni-icons type="chatboxes" size="20" color="#fff" class="service_btn"></uni-icons>
                                        <div>在线联系</div>
                                    </div>
                                </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="_cancel" @click.stop="closePopup(0)">
                关闭
            </div>
        </div>
    </view>
</template>

<script src="./rider-connect.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './rider-connect.styl';
</style>
